<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />	
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
	    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
	</head>
	<body class="sy_bd">
			<div class="allhead">
				<div class="bd">
					<div class="city2">
						<img src="img/city2.png" alt="" /><img src="img/city2.png" alt="" />
					</div>
				</div>
				<div class="paodao2"><img src="img/paodao2.png" alt="" class="pic-pd"/></div>
				<div class="car2"><img src="img/car2.png" alt="" /></div>
			</div>
			<div class="put_bd margin_top-20px">
				<div class="title_pic"><img src="img/w2.png" alt="" /></div>
				<div class="bd timer"></div>
			</div>
			<div class="put_bd margin_top-20px">
				<div class="title_pic"><img src="img/w3.png" alt="" /></div>
				<div class="bd" style="text-indent: 1%;">
					<input type="text" name="area" id="area" value="" />
				    <span class="spp" id="butta"><img src="img/dz.png" alt="" /></span>
				</div>
			</div>
			<div class="put_bd margin_top-20px">
				<div class="title_pic"><img src="img/w1.png" alt="" /></div>
				<div class="bd xx" style="border:0;padding-top:2px" >需要包括周围标志性建筑及车牌</div>
			</div>
			<div class="filepic">
				<div style="margin-bottom: 120px;">						
						<div style="position: relative;">
							<a href="#" class="a-upload" id="im1">
								<input id="file_upload1" type="file" name="img1" />
								<div class="image_container">
									<img id="preview1" >
								</div>
								<div class="words">点击上传</div>          
							</a>
						</div>	    
											

						<div style="position: relative;">	
	
							<a href="#" class="a-upload" id="im2">
								<input id="file_upload2" type="file" name="img2"  /> 
								<div class="image_container">
									<img id="preview2" >
								</div>
								<div class="words">点击上传</div>         
							</a>
							
						</div>
	
						<div style="position: relative;">		
							<a href="#" class="a-upload" id="im3">	
								<input id="file_upload3" type="file"  name="img3" /> 
								<div class="image_container">
								    <img id="preview3" >
								</div>
								<div class="words">点击上传</div>
							</a>
							
						</div>

						<div style="display: none;" class="bigpic">
							<div style="position: fixed;background: #000; z-index: 999; width:100%; height:100%; top:0; left:0; text-align: center; display: table;">
							    <span style=" display:table-cell;vertical-align:middle;">
							    	<img src="" alt="" style="width:100%;" class="big-img"/>
							    </span>
							</div>
						</div>                                      
				</div>				
			</div>
			<div class="anniu">
				<a href="#"><img src="img/jl-btn.png" alt="" /></a>
			</div>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F9f0bdc1f02411bc3d439410a5795937"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=F9f0bdc1f02411bc3d439410a5795937&v=1.0"></script>
		<script type="text/javascript" src="js/pic.js" ></script>	
		<script>
		var area = '';
			var geolocation = new BMap.Geolocation();
			var geoc = new BMap.Geocoder();
			//根据浏览器获取地里位置
				geolocation.getCurrentPosition(function(r){
					if (this.getStatus() == BMAP_STATUS_SUCCESS) {
			//解析地理位置		
						
						var pt =  new BMap.Point(r.point.lng,r.point.lat);
						geoc.getLocation(pt,function(rs){											
							var addComp = rs.addressComponents;
							area = addComp.province  + addComp.city + addComp.district +addComp.street + addComp.streetNumber;
						})
					}
				})

				
					$("#butta").click(function(){
						
						(area) ?$("#area").val(area):$("#area").val("没有获取到相关地理信息");

					})
		$(document).ready(function(){
		 	Date.prototype.pattern=function(fmt) {           
                var o = {           
                    "M+" : this.getMonth()+1, //月份           
                    "d+" : this.getDate(), //日           
                    "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时           
                    "H+" : this.getHours(), //小时           
                    "m+" : this.getMinutes(), //分           
                    "s+" : this.getSeconds(), //秒           
                    "q+" : Math.floor((this.getMonth()+3)/3), //季度           
                    "S" : this.getMilliseconds() //毫秒           
                };           
                var week = {           
                    "0" : "/u65e5",           
                    "1" : "/u4e00",           
                    "2" : "/u4e8c",           
                    "3" : "/u4e09",           
                    "4" : "/u56db",           
                    "5" : "/u4e94",           
                    "6" : "/u516d"          
                };           
                if(/(y+)/.test(fmt)){           
                    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));           
                }           
                if(/(E+)/.test(fmt)){           
                    fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);           
                }           
                for(var k in o){           
                    if(new RegExp("("+ k +")").test(fmt)){           
                        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));           
                    }           
                }           
                return fmt;           
            }         
            var t = new Date(); 
             var x = t.pattern("yyyy-MM-dd hh:mm:ss")            
            $(".timer").text(x);
		});
		    $(window).load(function() {
				var cityHeight=$('.allhead .bd .city2 img').height();
				$('.allhead .bd').height(cityHeight);
				var pdHeight=$('.allhead .paodao2 img').height();
				$('.allhead .paodao2').height(pdHeight);
				var ulWidth=$('.front-img li').width();
				$('.front-img li').height(ulWidth);
            });
		</script>
	</body>
</html>